import { Pressable, StyleSheet, Text, View } from 'react-native';
import React from 'react';
import WebView from 'react-native-webview';
import Icon from 'react-native-vector-icons/Ionicons';
import { useTranslation } from 'react-i18next';
import { useNavigation } from '@react-navigation/native';
import { NavBarHeader } from '~/components';
import { px2dp } from '~/utils/px2dp';

export default function BuyMall() {
    const navigation = useNavigation();
    const { t } = useTranslation();
    return (
        <View style={styles.container}>
            <NavBarHeader
                leftComponent={
                    <Pressable onPress={() => navigation.goBack()}>
                        <Icon name={'close'} size={px2dp(50)} color={'#000'}></Icon>
                    </Pressable>
                }
                title={t('BuyMall.title')}
            />
            <WebView source={{ uri: 'https://wristech.store/' }} style={{ flex: 1 }} startInLoadingState={true} />
        </View>
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
});
